﻿<%@ Page Title="" Language="C#" MasterPageFile="~/mng-admin-cc/admin-site.Master" AutoEventWireup="true" CodeBehind="SpeakerDetails.aspx.cs" Inherits="CodeCamp12.admin.SpeakerDetails" %>
<asp:Content ID="Content1" ContentPlaceHolderID="cphHead" runat="server">
   <style type="text/css">
        .style1
        {
            font-weight: bold;
            width:200px;
            vertical-align:top;
        }
   </style>
   
<script src="../Scripts/SpeakerDetails.js" type="text/javascript"></script>
</asp:Content>


<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">
    <h3>Add new Speaker or manage existing one</h3>
    <div id="content">
    <div id="dynamicSpeakersDiv" style="color:black; width: 150px; border: 1px inset black; position: absolute; overflow: hidden; margin-left: 400px; visibility: hidden; opacity: 1.0; filter:alpha(opacity=100);">
        Speaker List:
    </div>
    <form id="formValidateSpeaker" method="get" action="">
        <table>
            <tr>
                <td class="style1">Speaker's first name:</td><td><input type="text" name="firstname" id="txtFName" onkeyup="GetSpeakersWithThatName()" /></td>
            </tr>
            <tr>
                <td class="style1">Speaker's last name:</td><td><input type="text" name="lastname" id="txtLName" /></td>
            </tr>
            <tr>
                <td class="style1">Speaker's Company:</td><td><input type="text" id="txtCName" /></td>
            </tr>
            <tr>
                <td class="style1">Country:</td><td><input type="text" name="country" id="txtCountry" /></td>
            </tr>
            <tr>
                <td class="style1">Speaker's area of expertise:</td><td><input type="text" name="expertin" id="txtExpertIn" /></td>
            </tr>
            <tr>
                <td class="style1">Link to website:</td><td><input type="text" id="txtLink" name="linktosite" /></td>
            </tr>
            <tr>
                
                <td class="style1">Image:</td><td>
                    <div id="upload_img">
                        <noscript>
                            <p>Please enable JavaScript to use file uploader.</p>
                            <!-- or put a simple form for upload here -->
                        </noscript>   
                    </div>
                    <div><label class="error" id="upload_img_error" style="display: none" >You must upload image</label></div>
                    <img id="sImage" class="SpeakerSmallImage"/>
                 </td>
            </tr>
            <tr>
                <td class="style1">Resume:</td><td>
                    <div id="upload_cv">
                        <noscript>
                            <p>Please enable JavaScript to use file uploader.</p>
                            <!-- or put a simple form for upload here -->
                        </noscript>   
                    </div>
                    <div><label class="error" id="upload_file_error" style="display: none" >You must upload file</label></div>
                    <a id="downFile" style="visibility:hidden">Click to see current resume</a> 
               </td>
            </tr>
         </table>
            
            <strong>Summary:</strong>
            <br /><br />
            <textarea id="summaryCK" name="summaryEditor"></textarea>
           
        <br />
        <br />
        <button id="btnSave" type="button" >Save</button>
        
     </form> 
    </div>
</asp:Content>
